<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<h:outputStylesheet library="css" name="styles-zona-publica.css" />
	<script type="text/javascript"
		src="#{request.contextPath}/resources/javascript/funciones.js"></script>
	<h:outputScript library="javascript" name="funcionesUtiles.js"
		target="head" />
	<script type="text/javascript"
		src="#{request.contextPath}/resources/javascript/idiomaFechasPrimefaces.js"></script>

	<title><ui:insert name="title" /></title>
</h:head>
<h:body>

	<div id="main">
		<div id="subMainPub" class="subMain">
			<div id="boxForm" class="box">
				<div class="header">
					<h2>
						<span> <h:graphicImage library="images"
								name="logo-divemotor.png" />
						</span>
					</h2>
					<div class="menu">
						<div class="divIzquierda"></div>
						<div class="divDerecha">
							<ui:include src="session-time-out-cliente.xhtml" />
							<h:form prependId="false">
								<h:graphicImage library="images" name="icon-user.png"
									styleClass="icono-usuario-autenticado" />
								<p:spacer width="5" />
								<h:outputText
									value="Usuario: #{loginController.usuario.nombres} #{loginController.usuario.apellidos}" />
								<p:spacer width="5" />
								<p:commandButton id="botonCerrarSession" onstart="esCerrarSession=true;"
									action="#{loginController.cerrarSessionCliente}"
									value="Cerrar sesi&#243;n" />
							</h:form>
						</div>
					</div>
				</div>
				<div class="content">

					<ui:insert name="content">
						<span>Pagina en construccion</span>
					</ui:insert>
				</div>
				<div class="footer">
					<div class="right">
						<a onclick="wvDlgPopupPolicitcaPrivacidad.show()" href="" rel="boxForm" title="Términos y condiciones">
							Términos y condiciones </a> <span>&nbsp;</span> 
						<a onclick="wvDlgPopupTerminos.show()" href="" rel="boxForm" 
							title="Políticas de privacidad"> Políticas de privacidad </a>
					</div>
				</div>
				
				
				<p:dialog id="popupPolicitcaPrivacidad" widgetVar="wvDlgPopupPolicitcaPrivacidad"
					closable="true" draggable="false" header="Pol&#237;ticas de privacidad"
					modal="true" resizable="false">
					<ui:include src="zona-publica-politicas.xhtml"></ui:include>	
				</p:dialog>
				
				<p:dialog id="popupTerminos" widgetVar="wvDlgPopupTerminos"
					closable="true" draggable="false" header="Pol&#237;ticas de privacidad"
					modal="true" resizable="false">
					<ui:include src="zona-publica-terminos.xhtml"></ui:include>	
				</p:dialog>
			
			</div>
		</div>
	</div>

</h:body>
</html>